<!DOCTYPE html>
<html>
  <head>
    <title>2048 Game</title>
    <link rel="shortcut icon" href="../../favicon.ico" type="image/x-icon" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="../../Bootstrap/css/bootstrap.min.css" />
    <link rel="stylesheet" href="../../css/index.css" />
    <script src="../../Bootstrap/js/bootstrap.bundle.min.js"></script>
    <link rel="stylesheet" href="css\game1024.css" />
  </head>

  <body>
        <!-- 导航 -->
        <nav class="navbar navbar-expand-lg bg-body-tertiary fixed-top">
          <div class="container">
            <a class="navbar-brand" href="#"
              ><img src="../../assets/images/logo.png" alt=""
            /></a>
            <button
              class="navbar-toggler"
              type="button"
              data-bs-toggle="collapse"
              data-bs-target="#navbarNav"
              aria-controls="navbarNav"
              aria-expanded="false"
              aria-label="Toggle navigation"
            >
              <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarNav">
              <ul class="navbar-nav">
                <li class="nav-item">
                  <a class="nav-link" aria-current="page" href="../../index.html" target="_blank">首页</a>
                </li>
                <li class="nav-item">
                  <a
                    class="nav-link"
                    href="https://gitee.com/LynLuc/a-simple-game-release-page"
                    target="_blank"
                    >Gitee</a
                  >
                </li>
                <li class="nav-item active">
                  <a class="nav-link" href="#"
                    >2048</a
                  >
                </li>
                <li class="nav-item">
                  <a class="nav-link" href="..\wuzi\wuzi.html" target="_blank"
                    >五子棋</a
                  >
                </li>
                <li class="nav-item">
                  <a
                    class="nav-link"
                    href="..\snake_game\index.html"
                    target="_blank"
                    >贪吃蛇</a
                  >
                </li>
                <li class="nav-item">
                  <a class="nav-link" href="../Tank/index.html" target="_blank"
                    >坦克大战</a
                  >
                </li>
                <li class="nav-item dropdown">
                  <a
                    class="nav-link dropdown-toggle"
                    href="#"
                    role="button"
                    data-bs-toggle="dropdown"
                    aria-expanded="false"
                  >
                    关于
                  </a>
                  <ul class="dropdown-menu">
                    <li><a class="dropdown-item" href="https://gitee.com/LynLuc/a-simple-game-release-page" target="_blank">项目地址</a>
                    <a class="dropdown-item" href="https://gitee.com/LynLuc/a-simple-game-release-page" target="_blank">gitee.com/LynLuc/...</a></li>
                    <li><hr class="dropdown-divider"></li>
                    <li><a class="dropdown-item" href="#">班级</a></li>
                      <a class="dropdown-item" href="#">23软件技术2班</a>
                    </li>
                    <li><hr class="dropdown-divider"></li>
                    <li><a class="dropdown-item" href="#">学号</a></li>
                      <a class="dropdown-item" href="#">23003007</a>
                    </li>
                  </ul>
                </li>
              </ul>
            </div>
          </div>
        </nav>
        <!-- 修复导航栏手机端ui高度 -->
        <div class="nav-sm-fix"></div>
    <div class="game-container" style="box-sizing: initial;"></div>
    <div id="scoreContainer">
      <div class="scoreBoard" id="restart">得分: 0</div>
      <div class="scoreBoard" onclick="restartGame()">重开</div>
    </div>
    <div id="onScreenControllers">
      <button id="leftButton">◀️</button>
      <div>
        <button id="upButton">🔼</button>
        <button id="downButton">🔽</button>
      </div>
      <button id="rightButton">▶️</button>
    </div>
    <!-- <div id="floatingBox" class="floating-box"> -->
    <!-- <button id="up" class="arrow-button">🔼</button>
      <button id="down" class="arrow-button">🔽</button>
      <button id="left" class="arrow-button">◀️</button>
      <button id="right" class="arrow-button">▶️</button> -->
    <!-- <button id="restart" class="arrow-button" onclick="restartGame()" style="color:black">
        点击重开
      </button>
    </div> -->

    <script src="js/game1024.js"></script>
  </body>
</html>
<!--加个重开按钮-->
